<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/back/css/user/usermanager.css">
    <script src="/back/js/jquery-3.4.1.min.js"></script>
    <script src="/back/js/user/findUser.js"></script>
    <link rel="stylesheet" href="/back/css/pageHelper.css">
    <script src="/back/js/clean.js"></script>
</head>
<body>
<div style="text-align: center; font-size: 30px;font-weight: bold;">用户查询</div>
<!--模糊查询====================================================================================-->
<div>
    <div class="wula">用户名：<input type="text" id="username" placeholder="按用户名查询" />&nbsp;&nbsp;
        电话：<input type="text" id="phone" placeholder="按电话查询" />&nbsp;&nbsp;
        性别：
        <select id="sex">
            <option value="">全部</option>
            <option value="保密">保密</option>
            <option value="男">男</option>
            <option value="女">女</option>
        </select>
    </div>
    <div class="wula">生&nbsp;&nbsp;&nbsp;日：<input type="date" id="firstbirthday" />&nbsp;至&nbsp;<input type="date" id="lastbirthday" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        爱好：
        <input type="checkbox" name="hobby" value="游泳" />游泳
        <input type="checkbox" name="hobby" value="跑步" />跑步
        <input type="checkbox" name="hobby" value="打电动" />打电动&nbsp;&nbsp;
        <button onclick="selectuser()">查询</button>&nbsp;&nbsp;
        <button onclick="clean()">清空</button>
    </div>
</div>
<!--中间的表=============================================================-->
<div class="usermanager" style="height: 456px;overflow: auto">
    <table class="table">
        <div class="table-table">
            <thead>
            <tr>
                <th>id<button id="sortId" value="desc" style="float: right" onclick="sortId()">排序</button></th>
                <th>用户名<button id="sortUserName" style="float: right" value="" onclick="sortUserName()">排序</button></th>
                <th>电话</th>
                <th>性别<button id="sortSex" style="float: right" value="" onclick="sortSex()">排序</button></th>
                <th>生日<button id="sortBirthday" style="float: right" value="" onclick="sortBirthday()">排序</button></th>
                <th>爱好</th>
                <th>介绍</th>
                <th>创建时间<button id="sortCreatetime" style="float: right" value="" onclick="sortCreatetime()">排序</button></th>
                <th>更新时间<button id="sortUpdatetime" style="float: right" value="" onclick="sortUpdatetime()">排序</button></th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody id="findUser">

            </tbody>

        </div>
    </table>
</div>
<div class="fenye">
    <div>总共<span id="count"></span>条</div>
    <div><a onclick="firstPage()">首页</a></div>
    <div ><a id="lastPage" onclick="lastPage()">上一页</a></div>
    <div><a id="nextPage" onclick="nextPage()">下一页</a></div>
    <div><a onclick="endPage()">尾页</a></div>
    <div>共<span id="pageCount"></span>页</div>
    <div>到第<input type="number" id="pageNumber" value="1" onchange="changes()">页</div>
    <div>
        <select id="pageSize">
            <option value="10">10条/页</option>
            <option value="15">15条/页</option>
            <option value="50">20条/页</option>
        </select>
    </div>
    <div><button onclick="selectuser()">确定</button></div>
</div>
</body>

</html>